<template>
    <div class="container">
        <div class="title">按钮属性</div>
        <el-form label-width="100">
            <el-form-item label="宽">
                <el-input-number v-model="currentcom.style.width"/></el-form-item>
            <el-form-item label="高">
                <el-input-number v-model="currentcom.style.height"/></el-form-item>
            <el-form-item label="x轴">
                <el-input-number v-model="currentcom.style.left" /></el-form-item>
            <el-form-item label="y轴">
                <el-input-number v-model="currentcom.style.top" /></el-form-item>
            <el-form-item label="透明度">
                <el-input-number v-model="currentcom.style.opacity" /></el-form-item>
        </el-form>
    </div>
</template>
<script setup lang="ts">
import { useComponents } from '../stores/counter'
import {storeToRefs} from 'pinia'
const { currentcom } = storeToRefs(useComponents())
</script>
<style scoped lang="scss">
.container {
    width: 100%;
    height: 100%;
}

.title {
    font-size: 17px;
}
</style>
